﻿
$(document).ready(function () {

    //Default Action
    $(".tab_content").hide(); //Hide all content
    $(".container").find("ul.tabs li:last").addClass("active").show(); //Activate first tab
    //$("#example-two").find("ul.tabs li:last").addClass("active").show(); //Activate first tab
    $(".container").find(".tab_content:first").show(); //Show first tab content
    //$("#example-two").find(".tab_content:last").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function () {
        $(this).parent().parent().find("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        //$(".tab_content").hide(); //Hide all tab content
        $(this).parent().next().find(".tab_content").hide();
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });


});


















//$(document).ready(function () {

//    //Default Action
//    $(".tab_content").hide(); //Hide all content
//    $("#example-one").find("ul.tabs li:last").addClass("active").show(); //Activate first tab
//    $("#example-two").find("ul.tabs li:last").addClass("active").show(); //Activate first tab
//    $("#example-one").find(".tab_content:last").show(); //Show first tab content
//    $("#example-two").find(".tab_content:last").show(); //Show first tab content

//    //On Click Event
//    $("#example-two ul.tabs li").click(function () {
//        $("#example-two").find("ul.tabs li").removeClass("active"); //Remove any "active" class
//        $(this).addClass("active"); //Add "active" class to selected tab
//        //$(".tab_content").hide(); //Hide all tab content
//        $(this).parent().next().find(".tab_content").hide();
//        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
//        $(activeTab).fadeIn(); //Fade in the active content
//        return false;
//    });

//    $("#example-one ul.tabs li").click(function () {
//        $("#example-one").find("ul.tabs li").removeClass("active"); //Remove any "active" class

//        $(this).addClass("active"); //Add "active" class to selected tab
//        //$(".tab_content").hide(); //Hide all tab content
//        $(this).parent().next().find(".tab_content").hide();
//        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
//        $(activeTab).fadeIn(); //Fade in the active content
//        return false;



//    });

//});